
<!DOCTYPE HTML>
<html>
<head>
<title>The Eracle Website Template | Home </title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">

<link href="__PUBLIC__/ncss/css/style.css" rel="stylesheet" type="text/css" media="all" />
<link href="__PUBLIC__/ncss/css/owl.carousel.css" rel="stylesheet">
<link rel="stylesheet" type="text/css" href="css/magnific-popup.css">
<script type="text/javascript" src="__PUBLIC__/ncss/js/jquery.min.js"></script>
<script src="__PUBLIC__/ncss/js/owl.carousel.js"></script>

   <link href="__PUBLIC__/assest/css/bootstrap.min.css" rel="stylesheet">

    <!-- Custom CSS -->
    <link href="__PUBLIC__/assest/css/landing-page.css" rel="stylesheet">

    <!-- Custom Fonts -->
    <link href="__PUBLIC__/assest/font-awesome/css/font-awesome.min.css" rel="stylesheet" type="text/css">
    <link href="https://fonts.googleapis.com/css?family=Lato:300,400,700,300italic,400italic,700italic" rel="stylesheet" type="text/css">
	
	 <link href="__PUBLIC__/assets/css/bootstrap.min.css" rel="stylesheet">

    <!-- Custom styles for this template -->
    <link href="__PUBLIC__/assets/css/dashboard.css" rel="stylesheet">
	
	  <link href="http://libs.baidu.com/bootstrap/3.0.3/css/bootstrap.min.css" rel="stylesheet">
   <script src="http://libs.baidu.com/jquery/2.0.0/jquery.min.js"></script>
   <script src="http://libs.baidu.com/bootstrap/3.0.3/js/bootstrap.min.js"></script>

	<script>
			$(document).ready(function() {
				$("#owl-demo").owlCarousel({
					items : 4,
					lazyLoad : true,
					autoPlay : true,		
					navigation : true,
					navigationText : ["", ""],
					rewindNav : false,
					scrollPerPage : false,
					pagination : false,
					paginationNumbers : false,
				});
			});
		</script>
		<!-- //Owl Carousel Assets -->
		<!-----768px-menu----->
		<link type="text/css" rel="stylesheet" href="css/jquery.mmenu.all.css" />
		<script type="text/javascript" src="js/jquery.mmenu.js"></script>
			<script type="text/javascript">
				//	The menu on the left
				$(function() {
					$('nav#menu-left').mmenu();
				});
		</script>
		<!-----//768px-menu----->
</head>
<body>

<!-- 模态框（Modal）（登陆） -->
<div class="modal fade" id="login" tabindex="-1" role="dialog" 
   aria-labelledby="myModalLabel" aria-hidden="true">
	   <div class="modal-dialog">
		  <div class="modal-content">
			 <div class="modal-header">
				<button type="button" class="close" 
				   data-dismiss="modal" aria-hidden="true">
					  &times;
				</button>
				<h4 class="modal-title" id="myModalLabel">
				   登陆
				</h4>
			 </div>
			 <!--登陆主体 -->
			 <div class="modal-body">
			   <form action="{:U('Login/dologin')}" method="POST" role="form" >
				<table class="table">
					<tr>
						<th>用户名:</th><td><input type="text" name="stunum" 
						class="form-control" 
						placeholder="学号"></td>
					</tr>
					<tr>
						<th>密码:</th><td><input type="password" name="pass" 
						class="form-control"
						placeholder="password"></td>
					</tr>
				</table>
				<input type="submit" name="sub" class="btn-block btn-lg btn-primary" value="登陆">
			</form>
			 </div>
		  </div><!-- /.modal-content -->
	</div><!-- /.modal -->
</div>

<!-- 模态框（Modal）（注册） -->
<div class="modal fade" id="register" tabindex="-1" role="dialog" 
   aria-labelledby="myModalLabel" aria-hidden="true">
	   <div class="modal-dialog">
		  <div class="modal-content">
			 <div class="modal-header">
				<button type="button" class="close" 
				   data-dismiss="modal" aria-hidden="true">
					  &times;
				</button>
				<h4 class="modal-title" id="myModalLabel">
				   请填写注册信息
				</h4>
			 </div>
			 <!--登陆主体 -->
			 <div class="modal-body">
		<form role="form" action="{:U('register')}" method="post" enctype="multipart/form-data">
	<table class="table">
		<tr>
		<th>上传头像</th>
		<td><input type="file" name="yjl_photo" id="inputfile"></td>
		</tr>
		<tr>
		<th>昵称</th>
		<td> <input type="text" name="yjl_username" class="form-control" id="name" 
			 placeholder="请输入名称" >
		</td>
		</tr>
		<tr>
		<th>姓名</th>
		<td> <input type="text" name="yjl_realname" class="form-control" id="name" 
			 placeholder="请输入名称" >
		</td>
		</tr>
		<tr>
		<th>学号</th>
		<td> <input type="text" name="yjl_stunum" class="form-control" id="stunnum" 
			 placeholder="请输入名称" >
		</td>
		</tr>
		<tr>
		<th>密码</th>
		<td> <input type="password" id="pwd" name="yjl_pass" class="form-control" id="name" 
			 placeholder="请输入名称">
		</td>
		</tr>
		<tr>
		<th>重复密码</th>
		<td> <input type="password" name="repass" id="rpwd" class="form-control" required="required" placeholder="password"
					onblur="test()" required oninvalid="setCustomValidity('请再次填写密码')"
					oninput="setCustomValidity('')">
		<td>
		<p id="clogodiv">						
		</p>
		</td>
		</tr>
		<tr>
		<th>邮箱</th>
		<td> <input type="email" name="yjl_email" class="form-control" id="name" 
			 placeholder="请输入名称" >
		</td>
		</tr>
			<tr>
		<th>电话</th>
		<td> <input type="text" name="yjl_tele" class="form-control" id="name" 
			 placeholder="请输入名称" >
		</td>
		</tr>
	</table>
	<div id="pageButton">
		<span id="left">
		<button type="button" class="btn btn-default" 
               data-dismiss="modal">关闭
            </button>
		</span>
		<span id="right">
            <button type="submit" class="btn btn-primary">
               注册
            </button>
		</span>
    </div>
	 </form>
	 </div>
	</div><!-- /.modal-content -->
	</div><!-- /.modal -->
</div>


<!-- start header -->
<div class="header_bg">
<div class="wrap">
	<div class="header">
		<div class="logo">
			<a href="index.html">
				<img src="__PUBLIC__/ncss/images/lg.png" alt=""/>
				<h1>创新空间</h1>
				<div class="clear"> </div>
			 </a>
		</div>
		<div class="text">
		  <p>helping from my friend yjl</p>
		</div>
		<div class="clear"> </div>
	</div>
</div>
</div>
<!-- start header -->
<div class="header_btm">
	<div class="wrap">
		<!------start-768px-menu---->
			<div id="page">
					<div id="header">
						<a class="navicon" href="#menu-left"> </a>
					</div>
					<nav id="menu-left">
						<ul>
							<li class="active"><a href="index.html">新闻</a></li>
							<li><a href="about.html">About us</a></li>
							<li><a href="services.html">Service</a></li>
							<li><a href="pages.html">Pages</a></li>
							<li><a href="blog.html">Blog</a></li>
							<li><a href="contact.html">Contact us</a></li>
						</ul>
					</nav>
			</div>
		<!------start-768px-menu---->
			<div class="header_sub">
				<div class="h_menu">
					<ul>
						 <li>
                        <a href="#news">新闻</a>
                    </li>
                    <li>
                        <a href="#practices">活动</a>
                    </li>
                    <li>
                        <a href="#groups">团体</a>
                    </li>
				
						<?php 
					if(isset($_SESSION['user'])){
						$flag=$_SESSION['user']['yjl_username'];
					}
				?>
				
				<empty name="flag">
				<li><a href='#' data-toggle='modal'  data-target='#login'>登录</a>
                    </li>
                    <li>
                        <a href='#' data-toggle='modal'  data-target='#register'>注册</a>
                    </li>
				<else/>
					<li><a href="__ROOT__/profile.php/Practices/index">{$flag}欢迎使用</a>
                    </li>
                    <li>
                        <a href='{:U('Login/logout')}' >注销</a>
                    </li>
				</empty>
					</ul>
				</div>
				<div class="h_search">
		    		<form>
		    			<input type="text" value="" placeholder="此功能并没什么用">
		    			<input type="submit" value="">
		    		</form>
				</div>
				<div class="clear"> </div>
			</div>
	</div>
</div>
			<!---start-banner---->
			<div class="banner" id="move-top">
				<!----start-image-slider---->
					<div data-scroll-reveal="enter bottom but wait 0.7s" class="img-slider" id="home">
						<div class="wrap">
							<div class="slider">
								<ul id="jquery-demo">
								  <li>
								    <a href="#slide1">
								    </a>
								    <div data-scroll-reveal="enter bottom but wait 0.7s" class="slider-detils">
								    	<h3>社</h3>
								    	<span>团</span>
								    </div>
								  </li>
								  <li>
								    <a href="#slide2">
								    </a>
								      <div data-scroll-reveal="enter bottom but wait 1s" class="slider-detils">
								    	<h3>是</h3>
								    	<span>我</span>
								    	</div>
								  </li>
								  <li>
								    <a href="#slide3">
								    </a>
								      <div data-scroll-reveal="enter bottom but wait 1.5s" class="slider-detils">
								      	<h3>家</h3>
								    	<span>。</span>
								    </div>
								  </li>
								</ul>
							</div>
						</div>
					</div>
					<div class="clear"> </div>
				</div>
                <div class="copyrights">Collect from <a href="http://www.cssmoban.com/"  title="网站模板">网站模板</a></div>
						<!---slider---->
				<link rel="stylesheet" href="css/slippry.css">
				<script src="js/jquery-ui.js" type="text/javascript"></script>
				<script src="js/scripts-f0e4e0c2.js" type="text/javascript"></script>
				<script>
					  jQuery('#jquery-demo').slippry({
					  // general elements & wrapper
					  slippryWrapper: '<div class="sy-box jquery-demo" />', // wrapper to wrap everything, including pager
					  // options
					  adaptiveHeight: false, // height of the sliders adapts to current slide
					  useCSS: false, // true, false -> fallback to js if no browser support
					  autoHover: false,
					  transition: 'fade'
					});
				</script>
				<!---scrooling-script--->
					<!----//End-image-slider---->
					<div class="simple-text">
						<div class="wrap">
							<h4></h4>
							<p></p>
						</div>
					</div>
			
				 <script type="text/javascript" src="js/nivo-lightbox.min.js"></script>
				<script type="text/javascript">
				$(document).ready(function(){
				    $('#nivo-lightbox-demo a').nivoLightbox({ effect: 'fade' });
				});
				</script>

				</div>
			</div>
			
			<div class="testimonial"><!-- start last_posts -->
				<div class="wrap">
					<h5 class="heading"><a id="news" href="{:U('List/news')}">新闻</a></h5>
					<div class="test-grids">
						<div class="test-desc">
						 <table class="table">
								<tr><th>标题</th><th>时间</th></tr>
								<volist name="news" id="new">
								<tr><td><a href="{:U('List/shownew',array('id'=>$new['yjl_id']))}">{$new.yjl_title}</a></td><td>{$new.ntime}</td></tr>
								</volist>
								</table>
						</div>
						<div >
							<img src="__PUBLIC__/ncss/images/110.jpg" width="400" height="250">
						</div>
						<div class="clear"> </div>
					</div>
				</div>
			</div>
					<div class="testimonial"><!-- start last_posts -->
									<div class="wrap">
										<h5 class="heading" ><a id="practices" href="{:U('List/practices')}">活动</a></h5>
										<div class="test-grids">
											<div class="test-desc">
											<table class="table">
												<tr><th>活动名称</th><th>活动时间</th><th>活动地点</th></tr>
												<volist name="practices" id="practice">
												<tr><td><a href="{:U('List/showpractice',array('id'=>$practice['yjl_id']))}">{$practice.yjl_name}</a></td><td>{$practice.yjl_ptime}</td><td>{$practice.yjl_place}</td></tr>
												</volist>
											</table>
											</div>
											<div >
												<img src="__PUBLIC__/ncss/images/112.jpg" width="400" height="250">
											</div>
											<div class="clear"> </div>
										</div>
									</div>
								</div>
								<div class="testimonial"><!-- start last_posts -->
									<div class="wrap">
										<h5 class="heading"> <a id="groups"  href="{:U('List/groups')}">团队</a></h5>
										<div class="test-grids">
											<div class="test-desc">
											 <table class="table">
												<tr><th>团体图标</th><th>团体名称</th><th>院系</th><th>成立时间</th></tr>
												<volist name="groups" id="group">
												<tr><td>
												<image src="__PUBLIC__/photo/{$group.yjl_logo}"></td>
												</td><td><a href="{:U('List/showgroup',array('id'=>$group['yjl_id']))}">{$group.yjl_groupname}</a></td><td>{$group.yjl_team}</td><td>{$group.yjl_createtime}</td></tr>
												</volist>
											</table>
											</div>
											<div >
												<img src="__PUBLIC__/ncss/images/111.jpg" width="400" height="250">
											</div>
											<div class="clear"> </div>
										</div>
									</div>
								</div>
			
			
			<div class="copy">
				       <p>654351328@qq.com<a href="http://www.cssmoban.com/" target="_blank" title="社团之家">社团之家</a> 
- 
Collect from <a href="http://www.cssmoban.com/" title="clarkjia" target="_blank">clarkjia</a> </p>
			  </div>
</body>
</html>